<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>采购商实名认证</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/core.js"></script>
<script src="../js/caigoushangshimingrenzheng.js"></script>
</head>
<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">采购商实名认证</h1>
    </header>
</div>
<!--采购商实名认证-->
<form>
	<div class="dingdan_title">我是</div>
    <ul class="cgs_xuanze" id="bullType">
    	<li class="cgs_xuanze_li" id="s1">网络品牌店</li>
    	<li id="s2">网络连锁店</li>
    </ul>
    <div class="public-jianxi"></div>
    <div class="cgs_xinxi">
    	<ul>
    		<li>
    			<label>姓名</label>
    			<em class="userName"></em>
    			<input type="text" placeholder="请输入您的真实姓名" id="userName"/>
    		</li>
    		<li>
    			<label>手机号码</label>
    			<em class="phone"></em>
    			<input placeholder="请输入11位手机号码" id="phone"/>
    		</li>
    		<li>
    			<label>固定电话</label>
    			<em class="telephone"></em>
    			<input placeholder="例如店铺、公司电话" id="telephone"/>
    		</li>
    	</ul>
    </div>
    <div class="public-jianxi"></div>
    <div class="cgs_xinxi">
    	<ul>
    		<li>
    			<label>公司名称</label>
    			<em class="companyName"></em>
    			<input placeholder="请输入您的公司名称" id="companyName"/>
    		</li>
    		<li>
    			<label>公司网站</label>
    			<em class="companyAddress"></em>
    			<input placeholder="淘宝、天猫或公司主页" id="companyAddress"/>
    		</li>
    	</ul>
    </div>
                <input type="text" style="display: none;"  id="fengmian3"/><!--铭牌正面-->
	                 <input type="text"   style="display: none;" id="fengmian4"/>
	                  <input type="text"  style="display: none;" id="fengmian5"/>
	                   <input type="text"   style="display: none;" id="fengmian6"/>
    <div class="public-mingpian">
    	<div class="dingdan_title">我是<span id="shilitu1">查看示例图</span></div>
	    <div class="fabu_shangchuan">
	        <div class="clearfix">
	            <div class="ms_xc_sct">
	                <div id="preview3" class="ms_xc_sct1">
	                    <img onerror="errorImg(this)" id="imghead3" border=0 src="../images/moren.jpg" width="185" height="185" />
	                </div>
	                <div class="mm_button">名片正面</div>
	                <div class="mm_xc_dianji"><input type="file" id="cardUrlFace" onchange="previewImage3(this)" /></div>
	            </div>
	            <div class="ms_xc_sct">
	                <div id="preview4" class="ms_xc_sct1">
	                    <img onerror="errorImg(this)" id="imghead4" border=0 src="../images/moren.jpg" width="185" height="185" />
	                </div>
	                <div class="mm_button">名片背面</div>
	                <div class="mm_xc_dianji"><input type="file" id="cardUrlCon" onchange="previewImage4(this)" /></div>
	            </div>
	        </div>
	    </div>
	    <!--示例图-->
	    <div class="pbulic-shili">
	    	<img onerror="errorImg(this)" src="../images/mingpian.png" />
	    </div>
    </div>
    <div class="public-yingye">
    	<div class="dingdan_title">我是<span  id="shilitu2">查看示例图</span></div>
	    <div class="fabu_shangchuan">
	        <div class="clearfix">
	            <div class="ms_xc_sct">
	                <div id="preview5" class="ms_xc_sct1">
	                    <img onerror="errorImg(this)" id="imghead5" border=0 src="../images/moren.jpg" width="185" height="185" />
	                </div>
	                <div class="mm_button">营业执照</div>
	                <div class="mm_xc_dianji"><input type="file" id="qualificationUrlFace" onchange="previewImage5(this)" /></div>
	            </div>
	            <div class="ms_xc_sct">
	                <div id="preview6" class="ms_xc_sct1">
	                    <img onerror="errorImg(this)" id="imghead6" border=0 src="../images/moren.jpg" width="185" height="185" />
	                </div>
	                <div class="mm_button">商标注册证</div>
	                <div class="mm_xc_dianji"><input type="file" id="qualificationUrlCon" onchange="previewImage6(this)" /></div>
	            </div>
	        </div>
	    </div>
	    <!--示例图-->
	    <div class="pbulic-shili">
	    	<img onerror="errorImg(this)" src="../images/mingpian.png" />
	    	<img onerror="errorImg(this)" src="../images/mingpian.png" />
	    </div>
    </div>
   <!-- <div class="dizhi_add mid-width clearfix">
        <div class="fl">
            <input type="checkbox" id="checkbox-1-1" class="regular-checkbox" checked /><label for="checkbox-1-1"></label>
        </div>
        <span>设为默认地址</span>
    </div>-->
</form>

<!--底部-->
<div id="dibu">
<div class="mid-width" onclick="tianjia()">
    <input type="button" class="p_button" value="提交">
</div>
</div>

<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<!-- 上传 -->
<script type="text/javascript" src="../js/upload.js"></script>
<script type="text/javascript">
	//选择
	
    
    $(function(){
		//弹出
		$('.public-mingpian .dingdan_title span').on('click',function(){		
			$("body").append("<div id='mask'></div>");
        			$(this).parent().parent().find(".pbulic-shili").show();
		});	
		$('.public-yingye .dingdan_title span').on('click',function(){		
			$("body").append("<div id='mask'></div>");
        			$(this).parent().parent().find(".pbulic-shili").show();
		});
		//点击关闭
	    $(".pbulic-shili").on('click',function(){
	        $(".pbulic-shili").hide();
	        $("#mask").remove();
	    }) 
	});
</script>
</body>
</html>